body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,img,form,applet,fieldset,legend,button,input,textarea,th,table,tr,td{margin:0;padding:0;border:none;}

/* bady */
body{font-family:"微软雅黑";font-size:12px;color:#333;position:relative;background:transparent;overflow: hidden;}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
input::-ms-clear{display:none;}/*清楚文本框X*/
html{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
input,select,textarea{outline:none;cursor:pointer;}

/* img */
img{padding:0;margin:0;vertical-align:top;border:none}
i{font-style:normal;}
body{
    overflow:hidden;
    background: transparent;
    font-family: '微软雅黑';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.3);
}
/* float */
.fl{float:left!important;}
.fr{float:right!important;}
.auto{margin:0 auto;}
.block{display:block!important;}
.none{display:none;}
.red{color:#ea4848!important;}
.blue{color:#0034fa!important;}
.mins{height:0px!important;}
.green{color:#008040!important;}

input:focus {
    outline:none;
}
input,button,a {
    outline:0 none !important; blr:expression(this.onFocus=this.blur());
}
/* div */
li,ul{list-style:none;outside:none;}
.clear{clear:both;height:0;width:100%;}
a,b,i,span,input,select{-webkit-transition:all 0.5s;-ms-transition:all 0.5s;font-family:"微软雅黑";}

/* font */
a{color:#ffffff;text-decoration:none;-webkit-transition:all 0.5s;}
a:hover,a:active,a:focus{text-decoration:none;}

.background_div{background-image:url(../../imgs/qq-bg.png); background-repeat:no-repeat; background-size:cover;}
.qx-chat{border-radius:3px;width:100%px;height: auto; min-height: 100%;background:#E1E9F6 right top no-repeat;overflow:hidden;}
.qx-chat-win{position:absolute;width:90px;height:27px;right:0px;top:0px;z-index: 9999;}
.qx-chat-win ul{height:27px;}
.qx-chat-win li{width:30px;height:27px;float:left;cursor:pointer;background-image:url(../../imgs/chat/win.png);-webkit-transition:all 0.5s;}
.qx-chat-win li:hover{background-image:url(../../imgs/chat/wins.png);background-color:#3a95de;}
.qx-chat-win li:nth-child(1){background-position:-30px center;}
.qx-chat-win li:nth-child(2){background-position:-60px center;}
.qx-chat-win li:nth-child(3){background-position:-90px center;opacity: 1}
.qx-chat-win li:nth-child(3):hover{background-color:#ea4848!important;border-radius:0 3px 0 0;}
.qx-chat-top{height:83px;width:100%;float:left;border-bottom:1px solid rgba(180,180,180,.5);}
.qx-chat-tops{width:100%;float:left;margin:4px 0;}
.qx-chat-t-head{width:60px;height:60px;border:1px solid #fff;border-radius:3px;margin:10px;float:left;overflow:hidden;box-shadow:0 0 3px #999;}
.qx-chat-t-head img{width:100%;height:auto;}
.qx-chat-t-name{width:auto;height:24px;line-height:24px;font-size:18px;margin:15px 0 10px 0 ;}
.qx-chat-t-shuo{width:auto;height:18px;line-height:18px;font-size:12px;text-shadow:0 0 2px #fff;}
.qx-chat-menu{width:100%;float:left;height:32px;}
.qx-chat-menu li{float:left;height:26px;margin:2px 5px;}
.qx-chat-menu li:hover{box-shadow:0 0 3px #666;}
.qx-chat-menu span{width:26px;height:26px;float:left;}
.qx-chat-menu img{width:26px;height:26px;}
.qx-chat-menu i{width:8px;height:26px;margin:0px 3px 0px 1px;float:left;background:url(../../imgs/chat/icon-00.png) left center no-repeat;}
.qx-chat-txt{position:absolute; width:100%; top:90px; bottom:140px;float:left;color:#008040;overflow-y:auto;line-height:20px;scrollbar-base-color:#fbeede;scrollbar-track-color:#fbeede;}
.qx-chat-txt ul{float:left;width:100%;}
.qx-chat-txt li{float:left;width:100%;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
.qx-chat-my span,.qx-chat-you span{float:left;padding-left:10px;width:auto;}
.qx-chat-ner{color:#666;width:auto;margin:0;word-wrap: break-word; word-break: normal; padding-left:10px;}
.qx-chat-ner img{width:auto;height:auto;}
.qx-chat-text{position:absolute; width:100%; bottom:0;float:left;width:100%;height:135px;border-top:1px solid rgba(180,180,180,.5);}
.qx-chat-text ul{height:28px;float:left;width:100%;}
.qx-chat-text li{cursor:pointer;float:left;margin:3px 0 3px 5px;height:20px;border:1px solid rgba(0,0,0,0);-webkit-transition:all 0.5s;border-radius:2px;}
.qx-chat-text li:hover{border:1px solid #ccc;}
.qx-chat-text li span{width:20px;height:20px;float:left;}
.qx-chat-text li p{float:left;padding:0 3px;line-height:20px;cursor:context-menu;}
.qx-chat-text li i{background:url(../../imgs/chat/icon-00.png) no-repeat center center;width:8px;height:20px;float:left;margin:0 2px;}
.qx-chat-text textarea{margin:0 -20px 0 5px;cursor:text;width:auto;min-width:99%;height:69px;max-height:69px;float:left;background:none;line-height:20px;color:#333;}
.qx-chat-but span{padding:0 14px;line-height:24px;height:24px;float:right;margin:7px 4px 7px 0;background:#ea4848;border-radius:4px;color:#fff;cursor:pointer;}
.qx-chat-but span:nth-child(1){padding-right:34px;background:#ea4848 url(../../imgs/chat/fa.png) 60px center no-repeat;}

.qx-chat-file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 5px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 10px;
    margin-top: 10px;
}
.qx-chat-file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.qx-chat-file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}




/*滚动条宽度*/
::-webkit-scrollbar {
    width: 6px;

}

/* 轨道样式 */
::-webkit-scrollbar-track {

}

/* Handle样式 */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0,0,0,0.2);
}

/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.1);
}

/*hover到滚动条上*/
::-webkit-scrollbar-thumb:vertical:hover{
    background-color: rgba(0,0,0,0.3);
}
/*滚动条按下*/
::-webkit-scrollbar-thumb:vertical:active{
    background-color: rgba(0,0,0,0.7);
}
.videoContainer {
    position: relative;
    width: 200px;
    height: 150px;
}
.videoContainer video {
    position: absolute;
    width: 100%;
    height: 100%;
}